@charset "UTF-8";

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body
{
	color: #222;
	font-size: 14px;
	font-family: "Lucida Grande", Verdana, "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "Osaka", sans-serif;
}
section, nav, article, aside, hgroup, header, footer, figure, figcaption { display: block; }
a {
	overflow: hidden;
	outline: none;
}

#wrapper {
	width: 100%;
	height: 100%;
}

header {
	padding: 5px 10px;
	background: #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB));
	background: -moz-linear-gradient(top, #DDD, #BBB);
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #777;
}
h1 {
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

footer {
	padding: 7px 15px 7px 10px;
	background: #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB));
	background: -moz-linear-gradient(top, #DDD, #BBB);
	border-top: 1px solid #777;
}
footer p {
	margin: 0;
}

#copyright {
	white-space: nowrap;
}
